<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:jsf="http://xmlns.jcp.org/jsf"
                xmlns:f="http://xmlns.jcp.org/jsf/core"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
                xmlns:p="http://primefaces.org/ui">

    <div>
        <p:panel header="Inicio" style="border:none;">
            <p>
                Los beneficios se mostraran en la página de eventos,
                con la finalidad de atraer a mas gente a ser parte
                de la comunidad Socios CJava.
            </p>
            <h:form>
                <p:commandLink value="Ver lista completa de Beneficios" 
                               style="color: #990099;" update=":panelPrincipalId">
                    <f:setPropertyActionListener value="./pages/content/configuration/view_benefit.xhtml"
                                                 target="#{navigationBean.navigationContent}"/>
                </p:commandLink>
            </h:form>
            <p:separator/>
            <h:form id="formRegisterEvent">
                <div class="dynaFormLabel">  
                    <p:outputLabel for="txt" value="Detalle de Beneficio"/>  
                </div>  
                <p:inputTextarea id="txt" required="true"
                                 autoResize="false"
                                 style="width: 247px; height: 100px;"
                                 label="Nombre Evento"
                                 value="#{benefitBean.benefit.detail}" maxlength="299"/> 
                <p class="separator"/>
                <div class="dynaFormLabel">  
                    <p:outputLabel for="menu" value="Inicio de Beneficio"/>  
                </div>  
                <p:calendar id="menu" required="true" label="Inicio de Beneficio"
                            locale="es" 
                            showButtonPanel="true" size="45" 
                            value="#{benefitBean.benefit.startDate}"/>
                <p class="separator"/>
                <div class="dynaFormLabel">  
                    <p:outputLabel for="menux" value="Fin de Beneficio"/>  
                </div>  
                <p:calendar id="menux" required="true" label="Fin de Beneficio"
                            locale="es" 
                            showButtonPanel="true" size="45" 
                            value="#{benefitBean.benefit.endDate}"/>
                <p class="separator"/>
                <div class="dynaFormLabel">  
                    <p:outputLabel for="state" value="Estado ?"/>  
                </div> 
                <p:selectOneMenu id="state" value="#{benefitBean.benefit.stateId}" required="true"
                                 converter="stateconvert" label="Estado">
                    <f:selectItems value="#{benefitBean.listStateBenefit}" var="state"
                                   itemLabel="#{state.name}" itemValue="#{state}" />
                </p:selectOneMenu>
                <p class="separator"/>
                <p:commandButton value="Guardar" update="@form" 
                                 action="#{benefitBean.saveOrUpdateBenefit()}"
                                 icon="ui-icon-disk"/>
            </h:form>
        </p:panel>
    </div>
</ui:composition>

